<template>
    <div class="demoAll">
        <!-- //动态改变数据 -->

        <SchoolN title="游戏">
            <template scope="games">
                {{games}}
                <ul>
                    <li v-for="(item,index) in games.games " :key=index>{{item}}</li>
                </ul>
            </template>

        </SchoolN>


        <SchoolN title="游戏">
            <template scope="games">

                <h4 v-for="(item,index) in games.games " :key=index>{{item}}</h4>

            </template>

        </SchoolN>

        <SchoolN title="游戏">
            <template scope="games">
                <ol>
                    <li v-for="(item,index) in games.games " :key=index>{{item}}</li>
                </ol>
            </template>

        </SchoolN>



    </div>
</template>
<script>
    import SchoolN from './compoents/SchoolN'
    export default {
        name: 'App',
        components: {
            SchoolN
        }, data() {
            return {



            }
        }

    }
</script>
<style scoped>
    .demoAll {
        display: flex;
        justify-content: space-between;
    }
</style>